@charset "utf-8";
/* CSS Document */
.tits{text-align:center;margin-bottom: 3%;}
.tits h1{font-size:40px;color:#000;}
.tits p{color:#d2d2d2;margin-top:0.5%;font-family:"1";font-size:18px;}

@media screen and (max-width:1440px) {
.tits h1{font-size:35px;}
}
@media screen and (max-width:1200px) {
.tits h1{font-size:30px;}
}
@media screen and (max-width:1024px) {
.tits h1{font-size:25px;}
.mores a{background-size:70%;font-size:14px;}
}
@media screen and (max-width:780px) {
.tits h1{font-size:20px;}
.tits p{font-size:14px;}
}
@media screen and (max-width:460px) {
.tits h1{font-size:18px;}
}

/*焦点图*/
.indexbanner{position:relative;padding-top: 5em;}
.indexbanner .swiper-pagination-bullet{ text-align:left;opacity:1; font-family:Arial, Helvetica, sans-serif;width:3em; height:2em; background:none;border-radius:0; color:#fff; position:relative; margin:0 5px;}
.indexbanner .swiper-pagination-bullet:after{content:''; position:absolute; left:0; width:100%; bottom:0; height:5px; background-color:#fff;}
.indexbanner .swiper-pagination-bullet:before{ z-index:888;content:''; position:absolute; left:0; width:0%; bottom:0; height:5px; background-color:#f68282;opacity:1;}
.indexbanner .swiper-pagination-bullet-active:before{width:100%; transition: width 7s ease-out 0s;}
.indexbanner .swiper-pagination-bullet i{font-style:normal; opacity:0;}
.indexbanner .swiper-pagination-bullet-active i{opacity:0}
.indexbanner .swiper-pagination-index-banner{ position:static; margin:0 auto; width:auto; max-width:75em; padding:0 1em;text-align:center;}
.banner_footer{position:absolute;right:0; bottom:5%;left:0;text-align:center; width:100%; z-index:10;}
.down {position: absolute; z-index: 99; width:41px; height: 41px; background: url(../images/index14.png) no-repeat center; left: 0; right: 0; margin: 0 auto; bottom: 2%; animation: ud 1s linear alternate infinite; -webkit-animation: ud 1s linear alternate infinite;-moz-animation: ud 1s linear alternate infinite;}


@media screen and (max-width: 750px) {
.indexbanner .swiper-pagination-bullet:after , .indexbanner .swiper-pagination-bullet:before{    height: 2px;}
}


/*产品*/
.index01{width:100%;overflow:hidden;background:url(../images/bg1.jpg) no-repeat bottom left;padding:4% 0;background-size: cover;background-attachment:fixed;}
.pro_c .category{overflow:hidden;}
.category .c1{text-align:center;overflow:hidden;}
.category .c1 a{display:inline-block;text-decoration:none;color:#4b4b4b;border-right:1px solid #dcdcdc;padding:0 2%;margin-bottom:2%;}
.category .c1 a:last-child{border-right:none;}
.category .c1 a:hover{text-decoration:none; color:#e33c1a;}
.category .c2{display:none;border: 4px #f3f6f9 solid;margin-bottom:1em;padding: 0.1em 0.6em;background-color: #fff;}
.category .c2 select{color: #000;font-size:14px;border: none; background: none;padding: 0.5em 0;width: 100%; outline: none; background-repeat: no-repeat;background-image: url(../images/index11.png);background-position: right center;appearance: none; -moz-appearance: none;-webkit-appearance: none;}
.pro_c .prolist{overflow:hidden;    padding:2% 0;}
.pro_c .prolist li{width:33.33%;float:left}
.pro_c .prolist li a{display:block;background:#fff;margin:0 2% 6% 2%;}
.pro_c .prolist .img{padding:2%;}
.pro_c .prolist li a:hover{box-shadow:5px 5px 20px #ccc;-webkit-box-shadow:5px 5px 20px #ccc;-moz-box-shadow:5px 5px 20px #ccc;-o-box-shadow:5px 5px 20px #ccc;}
.pro_c .prolist .title{text-align:center;line-height:2em;padding:2% 0;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}

@media screen and (max-width: 1024px) {
.pro_c .prolist li{width:50%}
}

@media screen and (max-width:500px) {
.category .c1{display:none;}
.category .c2{display:block;}

}


/*简介*/
.index02{width:100%;overflow:hidden;}
.index02 ul{width:100%;}
.index02 li{width:50%;float:left;position:relative}
.index02 li .pic{overflow:hidden}
.index02 li .about , .index02 li .contact{position:absolute;height:100%;width:100%;top: 0;left:0;right:0;transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
.index02 li img{transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
.index02 li:hover .tits img{transform:translateY(-50px);-webkit-transform:translateY(-50px);-o-transform:translateY(-50px);-moz-transform:translateY(-50px);opacity: 0;filter:Alpha(opacity=0);-moz-opacity:0; -khtml-opacity: 0;}
.index02 .tits h1{color:#fff;font-size:30px;margin:2% 0;}
.index02 li a.more{display:inline-block;border:1px solid #fff;color:#fff;border-radius:50px;padding:0.8% 6%;margin-top:8%;transform:translateY(50px);-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-o-transform:translateY(50px);
transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;opacity: 0;filter:Alpha(opacity=0);-moz-opacity:0; -khtml-opacity: 0;}
.index02 li .cont{width:60%;margin:0 auto;text-align:center}
.index02 li:hover .cont a.more{opacity: 1;filter: alpha(opacity=100);-khtml-opacity:1;-moz-opacity: 1;transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-o-transform:translateY(0px);}
.index02 li:hover .about , .index02 li:hover .contact{transform:translateY(-40px);-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-o-transform:translateY(-40px);}
.index02 li:hover .pic img{transform:scale(1.2)}
.about .cont p{color:#fff;line-height:2em;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}

@media screen and (max-width:1440px) {
.index02 .tits h1{font-size:25px}
.index02 li .cont{width:85%;}
}
@media screen and (max-width:1200px) {
.index02 .tits h1{font-size:22px}
.about .cont p{    -webkit-line-clamp: 2;}
}

@media screen and (max-width:1024px) {
.index02 .tits h1{font-size:18px}
.index02 li .cont{width:95%;}
.about .cont p{    -webkit-line-clamp: 1;}
.index02 .tits img{    transform: scale(0.8);-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-o-transform: scale(0.8);}
}

@media screen and (max-width:780px) {
.about .cont p{    -webkit-line-clamp:2;}
.index02 li{width:100%;}
}

@media screen and (max-width:500px) {
.index02 li .cont p{display:none;}
}

/*简介*/
.index03{width:100%;overflow:hidden;margin:5% 0;}
.news_c .category{overflow:hidden;margin:0 0 2% 0;text-align:center;}
.news_c .category a{display:inline-block;padding:0.5% 2%;text-decoration:none;}
.news_c .category a:hover{background:#e33c1a;color:#fff;text-decoration:none;}
.news_c .newlist{position:relative;}
.news_c .newlist .nn{width:90%;margin:0 auto}
.newlist .swiper-button-next, .newlist .swiper-button-prev {position: absolute;top: 50%;width: 44px;height: 44px;z-index: 100;cursor: pointer;background-size: 100%;background-position: center; background-repeat: no-repeat;}
.newlist .swiper-button-next{background-image: url(../images/index07.png);right:0;}
.newlist .swiper-button-prev {background-image: url(../images/index06.png);left: 0;}
.newlist .nn a{display:block;background:#fff;box-shadow:0px 0px 7px rgb(0 0 0 / 15%);-webkit-box-shadow:0px 0px 7px rgb(0 0 0 / 15%);-moz-box-shadow:0px 0px 7px rgb(0 0 0 / 15%);-o-box-shadow:0px 0px 7px rgb(0 0 0 / 15%);margin: 2%;}
.newlist .nn a .pic{overflow:hidden;}
.newlist .nn a .pic img{width:100%;transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;}
.newlist .nn a:hover .pic img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.newlist .nn a .des{padding:6% 4%;overflow:hidden;}
.newlist .nn a .des h3{font-weight:normal;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.newlist .nn a .des .date{margin:2% 0;overflow:hidden;}
.newlist .nn a .des .date img{display:inline-block;float:left;}
.newlist .nn a .des .date span{display: inline-block;float: left;font-size: 13px;color: #9c9b9b;margin-left: 0.5em;}
.newlist .nn a .des p{font-size: 13px;color: #9c9b9b;line-height:1.8em;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.newlist .nn a .more{display:inline-block;padding:1% 6%;border:1px solid #d5d5d5;margin-top:6%;border-radius: 30px;}
.newlist .nn a .more span{color:#a9a9a9;font-family:"1";font-size:13px;background:url(../images/index08.png) no-repeat right center;padding-right: 1.2em;}
.newlist .nn a:hover .more{border:1px solid #e33c1a;background:#e33c1a}
.newlist .nn a:hover .more span{color:#fff;background:url(../images/index09.png) no-repeat right center;}

@media screen and (max-width:600px) {
.newlist .swiper-button-next, .newlist .swiper-button-prev{background-size: 70%;}
.news_c .newlist .nn{width:80%;}
}